<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div th:fragment="FifthRow" class="row">
    <!-- Start Project Stats -->
    <div class="col-md-12 col-lg-6">
        <div class="panel panel-widget gray-bg">
            <div class="panel-title">
                Projects Stats <span class="label label-info">62</span>
                <ul class="panel-tools">
                    <li><a class="icon minimise-tool"><i class="fa fa-minus"></i></a></li>
                    <li><a class="icon expand-tool"><i class="fa fa-expand"></i></a></li>
                    <li><a class="icon closed-tool"><i class="fa fa-times"></i></a></li>
                </ul>
            </div>

            <div class="panel-search">
                <form>
                    <input type="text" class="form-control" placeholder="Search...">
                    <i class="fa fa-search icon"></i>
                </form>
            </div>


            <div class="panel-body table-responsive">

                <table class="table table-hover">
                    <thead>
                    <tr>
                        <td>ID</td>
                        <td>Project</td>
                        <td>Status</td>
                        <td class="text-right">Progress</td>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>879</td>
                        <td>Modern Dashboard Template</td>
                        <td><span class="label label-default">Developing</span></td>
                        <td class="text-right"><span class="sparkline-pie"></span></td>
                    </tr>
                    <tr>
                        <td>620</td>
                        <td>iphone Application</td>
                        <td><span class="label label-warning">Design</span></td>
                        <td class="text-right"><span class="sparkline-pie"></span></td>
                    </tr>
                    <tr>
                        <td>547</td>
                        <td>Modern Landing Page</td>
                        <td><span class="label label-info">Testing</span></td>
                        <td class="text-right"><span class="sparkline-pie"></span></td>
                    </tr>
                    <tr>
                        <td>357</td>
                        <td>Ecommerce Store</td>
                        <td><span class="label label-danger">Canceled</span></td>
                        <td class="text-right"><span class="sparkline-pie"></span></td>
                    </tr>
                    <tr>
                        <td>246</td>
                        <td>Themesground Website Design</td>
                        <td><span class="label label-primary">Reply waiting</span></td>
                        <td class="text-right"><span class="sparkline-pie"></span></td>
                    </tr>
                    </tbody>
                </table>

            </div>
        </div>
    </div>
    <!-- Start Project Stats -->


    <!-- Start Today Activity -->
    <div class="col-md-12 col-lg-3">
        <div class="panel panel-widget" style="height:435px;">
            <div class="panel-title">
                TODAY Task <span class="label label-success">6</span>
                <ul class="panel-tools panel-tools-hover">
                    <li><a class="icon"><i class="fa fa-refresh"></i></a></li>
                    <li><a class="icon closed-tool"><i class="fa fa-times"></i></a></li>
                </ul>
            </div>
            <div class="panel-body">


                <div id="chartist-gauge" class="ct-chart ct-perfect-fourth"></div>
                <br>
                <ul class="widget-inline-list clearfix">
                    <li class="col-4"><span>15%</span>In Progress</li>
                    <li class="col-4"><span>70%</span>Completed</li>
                    <li class="col-4"><span>35%</span>Pending</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Today Activity -->


    <!-- Start Teammates -->
    <div class="col-md-12 col-lg-3">
        <div class="panel panel-info panel-widget">
            <div class="panel-title">
                Team Members
            </div>
            <div class="panel-body">
                <ul class="basic-list image-list">
                    <li><img src="../../static/img/profileimg.png" alt="img" class="img"><b>John Doe</b><span class="desc">Designer</span>
                    </li>
                    <li><img src="../../static/img/profileimg2.png" alt="img" class="img"><b>Sarah Smith </b><span
                            class="desc">Front-End Developer</span></li>
                    <li><img src="../../static/img/profileimg3.png" alt="img" class="img"><b>Stephen Doe</b><span
                            class="desc">Back-End Developer</span></li>
                    <li><img src="../../static/img/profileimg4.png" alt="img" class="img"><b>Kendra Hall</b><span
                            class="desc">Marketing</span></li>
                    <li><img src="../../static/img/profileimg5.png" alt="img" class="img"><b>Mark Doe</b><span class="desc">iOS Developer</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Teammates -->


</div>
</body>
</html>